	 /* Copyright 2006 Ben Norcutt and Alex Kitching
	  * 
	  * This file is part of Self Service Password Reset.
	  * 
	  * Self Service Password Reset is free software; you can redistribute it
	  * and/or modify it under the terms of the GNU General Public License as
	  * published by the Free Software Foundation; either version 2 of the
	  * License, or (at your option) any later version.
	  * 
	  * Self Service Password Reset is distributed in the hope that it will
	  * be useful, but WITHOUT ANY WARRANTY; without even the implied warranty
	  * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	  * GNU General Public License for more details.
	  * 
	  * You should have received a copy of the GNU General Public License
	  * along with Self Service Password Reset; if not, write to the Free Software
	  * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
	  */

.inside
{
	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0 1em;
}
ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
}
h1
{
	font-size: 220%;
}
h2
{
	font-size: 190%;
}
h3
{
	font-size: 160%;
}
h4
{
	font-size: 130%;
}
h5
{
	font-size: 100%;
}
h6
{
	font-size: 70%;
}
body
{
	padding: 70px 0 20px 0;
	margin: 0 3%;
	min-width: 35em;	/* IE doens't understand this property. I use ems rather
				   than pixels so that the layout shouldn't break even
				   when the browser's default size is set very large */
	background-color: #fff;
	color: #000;
	font-size: 100.1%;
	text-align: center;
}
.locked
{
	background-color: #FF0000;
}
.unlocked
{
	background-color: #00FF00;
}
#pageWrapper
{
	border: solid 1px #676;
	margin: auto;
	width: 80%;
	background-color: #7376D7;
	color: #000;
	font-size: 80%;
}
#outerColumnContainer
{
	padding: 0 0 0 0;
}
#innerColumnContainer
{
	width: 100%;
	z-index: 1;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 1;
}
#masthead
{
	background: #252881 url(gradient3.jpg);
	color: #fff;
	border: solid 1px #454;
	left: auto;
	margin: 0 10px -25px 10px;
	padding: 0 10px;
	position: relative;
	text-align: center;
	top: -25px;
	width: auto;
	/* \*/
		position: static;
		margin-top: -25px;
		margin-bottom: 0;
		top: auto;
	/* Because IE5/Mac doesn't like this method and a small rendering
	 * bug in Mozilla creeps in on the right masthead border using 
	 * relative positioning.
	 */
}
#masthead div
{
	width: 200px;
	color: #676;
	font-size: 150%;
	left: auto;
	margin: 0 0 -1em 0;
	padding: 0;
	position: relative;
	text-align: right;
	top: -1em;
	width: 100%;
}
#masthead div span
{
	padding: 0.2em 0.2em 0.2em 0.3em;
	border: 1px solid #7376D7;
	color: #FFFFFF;
	background: #3438B5 url(gradient2.jpg);
}
#masthead h1
{
	color: #fff;
	font-size: 400%;
	line-height: 1em;
	margin: -0.5em 0 -0.14em 0;
	padding: 0;
	text-align: center;
}
#content
{
	background-color: #f7fff7;
	color: #000;
	border: solid 1px #333;
	margin: 15px 10px 15px 10px;
	padding: 0 10px 0 10px;
	text-align: center;
}
#content .main
{
	width: 90%;
	border: 1px solid #000000;
	text-align: center;
	margin: 10px auto 10px auto;
	padding: 1em;
}
#content h2.pageTitle
{
	border: solid 1px #000;
	border-width: 0 0 1px 0;
	font-size: 200%;
	margin: 0;
	padding: 10px 15px;
}
#footer
{
	clear: right;
	padding: 10px 24px 10px 34px;
	vertical-align: middle;
}
#footer p
{
	padding: 0;
	margin: 0;
}

#footer p div
{
	width: 100%;
	display: inline;
}
table
{
	border: 1px solid #000000;
	margin: 15px auto 10px auto;
}
.r1
{
	background-color: #5B56CA;
	color: #FFFFFF;
}
.r2
{
	background-color: #7376D7;
}
.c1
{
	text-align: right;
	padding-right: 1em;
}
.c2
{
	text-align: left;
	padding-left: 1em;
}
.c3
{
	text-align: center;
	padding: 0 1em;
}
.hnav
{
	width: 100%;
	border: solid 1px #000;
	margin: 0;
	padding: 3px 0 4px 0;
	white-space: nowrap;
}
.hnav ul span.divider
{
	display: none;
}
* html .HNAV
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector will remove that padding */
}
.hnav ul
{
	text-align: center;
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}
.hnav ul li
{
	display: inline;
	white-space: nowrap;
	margin: 0;
}
.hnav ul li a, .hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	margin: 0 -1px 0 0;
	padding: 3px 10px 4px 10px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	cursor: pointer;
}
.hnav ul li a, .hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
}
.bottomBorderOnly
{
	border-width: 0 0 1px 0;
}
.hide, .divider
{
	display: none;
}
label
{
	cursor: pointer;
}
#content .hnav ul a, #content .hnav ul a:link, #content .hnav ul a:visited, #content .hnav ul a:active
{
	color: #000;
	background-color: #ded;
}
#content .hnav ul a:hover
{
	color: #000;
	background-color: #eff;
}

/* WHY IE Sucks:
 * 	It's the hasLayout hack. This silly thing that IE needs to render elements
 *	correctly. It's dumb. It's annoying. Try removing this block of CSS
 *	and watch IE crumble.
 */
* html #masthead,
* html #masthead h2,
* html #leftColumn,
       .moduletable h3, 
* html #rightColumn
{
	position: relative;
}
* html #innerColumnContainer
{
	/* \*/
		position: relative;
	/* because IE Mac doesn't do z-index right with this element having a
	 * a position value of relative.
	 */
}
* html #masthead,
* html #content,
* html #contentColumnContainer,
* html .moduletable,
* html .moduletable ul li a/**/,
* html .hnav, 
* html .hnav ul li a,
* html .moduletable,
* html .moduletable h3
{
	/* \*/
		height: 0.01%;
	/* the empty comment in the .moduletable ul li a selector is to keep that 
	 * particular selector from being processed by IE5.0/Win
	 */
}
* html div
{
	overflow: visible;
}